<template>
  <el-config-provider :locale="zhCn">
    <el-pagination
      :current-page="pagination.current"
      :page-size="pagination.pageSize"
      :total="pagination.total"
      background
      :page-sizes="[10, 25, 50, 100]"
      layout="total, sizes, prev, pager, next, jumper"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
    />
  </el-config-provider>
</template>

<script setup>
import zhCn from "element-plus/es/locale/lang/zh-cn";

defineProps({
  pagination: {
    type: Object,
    default: () => {},
  },
  handleSizeChange: {
    type: Function,
    default: () => {},
  },
  handleCurrentChange: {
    type: Function,
    default: () => {},
  },
});
</script>
